<template>
  <div style="padding:0px 10px;">
    <Row type="flex" justify="center" :gutter="20">
      <i-col :span="24">
        <i-col :span="16">
          <Row style="margin: 20px 10px auto 10px;">
            <MonitorPlayer></MonitorPlayer>
          </Row>
        </i-col>
        <i-col :span="8">
          <Row style="margin-top:20px;">
            <MonitorStatistics></MonitorStatistics>
          </Row>
          <Row style="margin-top:20px;">
            <monitor-events-table> </monitor-events-table>
          </Row>
          <div style="height:50px"></div>
        </i-col>
      </i-col>
    </Row>
  </div>
</template>

<script>
import MonitorPlayer from "./monitorPlayer";
import MonitorStatistics from "./monitorStatistics";
import MonitorEventsTable from "./monitorEventsTable";

var node_schedule = require("node-schedule");

export default {
  components: {
    MonitorPlayer,
    MonitorStatistics,
    MonitorEventsTable
  }
};
</script>
<style lang="less"></style>
